<!DOCTYPE html>
<html lang="en" style="font-size: 14px;">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>AdminLTE 3 | Dashboard</title>

  <!-- Font Awesome -->
  <link rel="stylesheet" href="./plugins/fontawesome-free/css/all.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="./plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="./plugins/adminlte/adminlte.css">
  <!-- overlayScrollbars -->
  <link rel="stylesheet" href="./plugins/overlayScrollbars/css/OverlayScrollbars.css">
  <!-- jerichotab -->
  <link rel="stylesheet" href="css/jquery.jerichotab.css"/>
  <!-- 布局 -->
  <link rel="stylesheet" href="css/layout.css">
</head>
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed">
<div class="wrapper">
  <!-- Navbar -->
  <nav class="main-header navbar navbar-expand navbar-white navbar-light">
    <!-- Left navbar links -->
    <div class="header-left">
      <ul class="navbar-nav navbar-left">
      
        <li class="nav-item d-none d-sm-inline-block active">
          <i class="top-icon home-icon"></i>
          <a href="##" class="nav-link" id="home">首页</a>
        </li>
        <li class="nav-item d-none d-sm-inline-block">
          <i class="top-icon qyhx-icon"></i>
          <a href="##" class="nav-link" data-target="#qbqy" data-link = "全部企业.html" data-name="全部企业">企业画像</a>
        </li>
        <li class="nav-item d-none d-sm-inline-block">
          <i class="top-icon zqgs-icon"></i>
          <a href="##" class="nav-link" id="zqgs">债券固收</a>
        </li>
        <li class="nav-item d-none d-sm-inline-block">
          <i class="top-icon jjcp-icon"></i>
          <a href="##" class="nav-link" id="jjcp">基金产品</a>
        </li>
        <li class="nav-item d-none d-sm-inline-block">
          <i class="top-icon xtcp-icon"></i>
          <a href="##" class="nav-link" id="xtcp">信托产品</a>
        </li>
        <li class="nav-item d-none d-sm-inline-block">
          <i class="top-icon xmhx-icon"></i>
          <a href="##" class="nav-link" id="xmhx">项目画像</a>
        </li>
        <li class="nav-item d-none d-sm-inline-block">
          <i class="top-icon hysj-icon"></i>
          <a href="##" class="nav-link" id="hysj">行业数据</a>
        </li>
        <li class="nav-item d-none d-sm-inline-block">
          <i class="top-icon tjcx-icon"></i>
          <a href="##" class="nav-link" id="tjcx">统计查询</a>
        </li>
        <li class="nav-item d-none d-sm-inline-block">
          <i class="top-icon yqgl-icon"></i>
          <a href="##" class="nav-link" id="ylgl">舆情管理</a>
        </li>
        <li class="nav-item d-none d-sm-inline-block">
          <i class="top-icon xhgz-icon"></i>
          <a href="##" class="nav-link" id="xhgz">信号规则</a>
        </li>
        <li class="nav-item d-none d-sm-inline-block">
          <i class="top-icon xtgl-icon"></i>
          <a href="##" class="nav-link" id="xtgl">系统管理</a>
        </li>
      </ul>
    </div>
   
    <ul class="navbar-nav ml-auto">
      <!-- Navbar Search -->
      <li class="nav-item">
        <a class="nav-link" data-widget="navbar-search" href="#" role="button">
          <i class="fas fa-search"></i>
        </a>
        <div class="navbar-search-block">
          <form class="form-inline">
            <div class="input-group input-group-sm">
              <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
              <div class="input-group-append">
                <button class="btn btn-navbar" type="button">
                  <i class="fas fa-search"></i>
                </button>
                <button class="btn btn-navbar" type="button" data-widget="navbar-search">
                  <i class="fas fa-times"></i>
                </button>
              </div>
            </div>
          </form>
        </div>
      </li>
    </ul>
  </nav>
  <!-- /.navbar -->

  <!-- Main Sidebar Container -->
  <aside class="main-sidebar sidebar-dark-primary elevation-4">
    <!-- Brand Logo -->
    <a href="index3.html" class="brand-link">
      <img src="imgs/logo.png" alt="" class="brand-image elevation-3" style="opacity: .8;margin-top:18px;margin-left:10px;margin-right:20px;">
      <span class="brand-text font-weight-light" style="margin-top: 20px;
      display:inline-block;border-left:2px solid #c7c9d0;padding-left:10px;">金融大数据系统</span>
    </a>

    <!-- Sidebar -->
    <div class="sidebar">
      <div class="push-menu-bar" data-widget="pushmenu">

      </div>
      <!-- Sidebar Menu -->
      <nav class="mt-2" style="margin-top:0px !important;">
        <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
          <li class="nav-item">
            <!-- 如果左侧菜单跟顶部菜单有关联的话，必须配置id跟 顶部菜单项的target属性关联 -->
            <a href="##" id="qbqy" class="nav-link" data-link="全部企业.html" > 
              <i class="nav-icon jzdgl"></i>
              <p>
                全部企业
              </p>
            </a>
          </li>
          <li class="nav-item">
            <a href="##" id="jzdgl" class="nav-link">
              <i class="nav-icon jzdgl"></i>
              <p>
                集中度管理
              </p>
            </a>
          </li>
          <li class="nav-item">
            <a href="##" class="nav-link">
              <i class="nav-icon defxpl"></i>
              <p>
                大额风险披露
              </p>
            </a>
          </li>
          <li class="nav-item">
            <a href="##" class="nav-link">
              <i class="nav-icon tyfxxx"></i>
              <p>
                同业风险信息
              </p>
            </a>
          </li>
          <li class="nav-item">
            <a href="##" class="nav-link">
              <i class="nav-icon gnfx"></i>
              <p>
                国内风险
              </p>
            </a>
          </li>
          <li class="nav-item">
            <a href="##" class="nav-link">
              <i class="nav-icon gbfx"></i>
              <p>
                国别风险
              </p>
            </a>
          </li>
          <li class="nav-item">
            <a href="##" class="nav-link">
              <i class="nav-icon hyfx"></i>
              <p>
                行业风险
                <i class="right fas fa-angle-left"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="##" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>客户风险</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="##" class="nav-link zhmr" data-link = "中行明润A.html">
                  <i class="far fa-circle nav-icon"></i>
                  <p>中行明润A</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="##" class="nav-link zhmr" data-link = "舆情风险.html">
                  <i class="far fa-circle nav-icon"></i>
                  <p>舆情风险</p>
                </a>
              </li>
            </ul>
          </li>
        </ul>
      </nav>
      <!-- /.sidebar-menu -->
    </div>
    <!-- /.sidebar -->
  </aside>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    
  </div>
  <!-- /.content-wrapper -->

</div>
<!-- ./wrapper -->

<!-- jQuery -->
<script src="./js/jquery-2.1.4.min.js"></script>
<!-- tab切换 -->
<script src="js/jquery.jerichotab.js"></script>
<!-- Bootstrap 4 -->
<script src="./plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- moment -->
<script src="./plugins/moment/moment.min.js"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="./plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- overlayScrollbars -->
<script src="./plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
<!-- AdminLTE App -->
<script src="./plugins/adminlte/adminlte.min.js"></script>
<script>
  var chartsList = []
  $.fn.initJerichoTab({
        renderTo: '.content-wrapper',
        uniqueId: 'myJerichoTab',
        contentCss: { 'height': $('.content-wrapper').height() - 30},
        loadOnce: true,
        tabs: [
            // {
            //     title: '首页',
            //     tabFirer: $('.home'),
            //     closeable: false,
            //     data: { dataType: 'iframe', dataLink: 'main.html' }
            // },
            {
                title: '首页',
                tabFirer: $('.home'),
                closeable: false,
                data: { dataType: 'iframe', dataLink: '投资评级.html' }
            }
        ],
    });
    
    function addTab(dom, name, linkSrc) {
      $.fn.jerichoTab.addTab({
        tabFirer: dom,
        title: name,
        //closeable: true,
        //iconImg: $(this).attr('iconImg'),
        loadOnce: false,
        data: {
            dataType: 'iframe',
            dataLink: linkSrc
        }
      });
    }
    // 顶部导航
    $('.navbar-nav .nav-item').on('click', function() {
      $(this).addClass('active').siblings().removeClass('active')
    
      var link = $(this).find('.nav-link').data('link')
      var tabName = $(this).find('.nav-link').data('name')
      var idStr = $(this).find('.nav-link').data('target')
      var $dom = $(idStr) || $(this).find('.nav-link')
      if(link) {
        addTab($dom , tabName, link)
      }
    })
    // 左侧导航
    $('.sidebar .nav-item .nav-link').on('click', function() {
      var link = $(this).data('link')
      if(link) {
        addTab($(this), $(this).find('p').text(), link)
      }
    })
    // 折叠按钮
    $('[data-widget="pushmenu"]').on('click', function() {
      var timer = setTimeout(function() {
        clearTimeout(timer)
        timer = null
        $.fn.jerichoTab.resize();
        for(var i=0;i<chartsList.length;i++) {
          chartsList[i].resize()
        }
      },300)
    })

    // 查询按钮
    $('a[data-widget="navbar-search"]').on('click',function() {
      $('.navbar-left').hide()
    })
    $('button[data-widget="navbar-search"]').on('click',function() {
      $('.navbar-left').show()
    })

    // 顶部导航滚动条
    $('.header-left').overlayScrollbars({ });
</script>

</body>
</html>
